<extend name="Template/index"/>

<block name="title">金牌老师</block>

<block name="resource">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/tutor.css">
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/tutor_details.css">-->
</block>
<block name="nav-pos">
<span class="glyphicon glyphicon-home"></span>
	<li>金牌讲师</li>
    <li>讲师详情</li>
    <li style="display:block;float:right;"><a href="javascript:;"  class="return">返回</a></li>
	<script>
		$('.return').click(function(){
			history.go(-1);
		});
	</script>
</block>
<block name="main">
<style>
.image{text-align:center;}
.tutor_details {width:90%;margin:0 auto;}
</style>
<div class="tutor_details">
			<div class="image">
                <div>
                    <img id="image" src="__PUBLIC__/home/image/timg.jpg" height="170" width="120" alt="First slide">
                </div>
                <div class="">
                    <a href="javascript:;"><img src="__PUBLIC__/home/image/timg.jpg" height="70" class="details_image" width="50" alt="First slide"></a>
                    <a href="javascript:;"><img src="__PUBLIC__/home/image/u=987161930,971490407&fm=26&gp=0.jpg" class="details_image" height="70" width="50" alt="Second slide"></a>
                    <a href="javascript:;"><img src="__PUBLIC__/home/image/timg (3).jpg" height="70" width="50" class="details_image" alt="Third slide"></a>
                    <a href="javascript:;"><img src="__PUBLIC__/home/image/timg (2).jpg" height="70" width="50" class="details_image" alt="Third slide"></a>
                    <a href="javascript:;"><img src="__PUBLIC__/home/image/0019214068c910353edc3a.jpg" height="70" width="50" class="details_image" alt="Third slide"></a>
                </div>
            </div>
			<script>
				$('.details_image').click(function(){
					$('#image').attr('src',$(this).attr('src'));
				});
			</script>
          <div class="media-body">
            <ul class="list-group">
              <li class="list-group-item"><div class="synopsis">姓名</div><span>华仔</span></li>
              <li class="list-group-item"><div class="synopsis">年龄</div><span>25</span></li>
              <li class="list-group-item"><div class="synopsis">学历</div><span>大专</span></li>
              <li class="list-group-item"><div class="synopsis">Vip</div><span>3</span></li>
              <li class="list-group-item"><div class="synopsis">联系方式</div><span>xxxxxxxxx</span></li>
              <li class="list-group-item"><div class="synopsis">完成项目</div><span>35个</span></li>
          </ul>
           </div>
           
           <div class="list-group">
                <a href="javascript:;" class="list-group-item active">
                    <h4 class="list-group-item-heading">
                        主导过的项目
                    </h4>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">
                        免费域名注册
                    </h4>
                    <p class="list-group-item-text">
                       	中国域名注册网站,帮助就业学生不用花钱也能学习服务器.
                    </p>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">24*7 支持</h4>
                    <p class="list-group-item-text">我们提供 24*7 支持。</p>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">24*7 支持</h4>
                    <p class="list-group-item-text">我们提供 24*7 支持。</p>
                </a>
            </div>
             <div class="page">
                <ul class="pagination">
                  <li><a href="#"><</a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">></a></li>
                </ul>
              </div>
            <div class="list-group">
                <a href="javascript:;" class="list-group-item active">
                    <h4 class="list-group-item-heading">
                        参与过的项目
                    </h4>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">
                        免费域名注册
                    </h4>
                    <p class="list-group-item-text">
                       	中国域名注册网站,帮助就业学生不用花钱也能学习服务器.
                    </p>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">24*7 支持</h4>
                    <p class="list-group-item-text">我们提供 24*7 支持。</p>
                </a>
                <a href="" class="list-group-item">
                    <h4 class="list-group-item-heading">24*7 支持</h4>
                    <p class="list-group-item-text">我们提供 24*7 支持。</p>
                </a>
            </div>
            <div class="page">
                <ul class="pagination">
                  <li><a href="#"><</a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">></a></li>
                </ul>
              </div>
                       
</div>
</block> 